<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试css</title>
    <style>
        span{
            color:blue;
        }
        #name{
            color:pink;
        }
        .cls{
            color: gold;
        }
    </style>
    <link rel="stylesheet" href="../css/demo.css">
</head>
<body>
<div style="color:red">这是在标签内部设置css属性</div>
<p>Hello CSS</p>
<span>Hello CSS</span>
<hr>
<p>css选择器不仅可以选择某一类元素,也可以选择id和类名</p>
<span>标签选择器效果</span><br>
<span id = "name">id选择器效果</span><br>
<span class="cls">class选择器效果</span><br>

</body>
</html>